<template>
	<div id="app">
		<!--<nav-header ></nav-header>-->
		<keep-alive>
		    <router-view v-if="$route.meta.keepAlive"></router-view>
		</keep-alive>
		<router-view v-if="!$route.meta.keepAlive"></router-view>
	</div>
</template>

<script>
//	import header from "@/components/header/header"
import { mapGetters, mapState, mapActions } from 'vuex';
	export default {
		name: 'App',
		data(){
			return {}
		},
		methods:{
			...mapActions(["getMemberInfo"])
		},
		computed:{
			...mapState(["userInfo"])
		},
		created(){
//			window.localStorage.setItem("memberId",100443);
			var memberId = window.localStorage.getItem("memberId");
			if(memberId){
				this.getMemberInfo({member_id:memberId})
			}
		},
		components: {
//			"nav-header": header
		}
	}
</script>

<style lang="scss">
	@import './style/reset';
	html,
	body {
		margin: 0;
	}
	.icon{
		background-size: 100% 100%;
	}
	
	.fade-enter-active,
	.fade-leave-active {
		transition: opacity .5s;
	}
	
	.fade-enter,
	.fade-leave-to
	/* .fade-leave-active below version 2.1.8 */
	
	{
		opacity: 0;
	}
	.height-enter-active,
	.height-leave-active {
		transition: all 1s;
	}
	
	.height-enter,
	.height-leave-to
	/* .fade-leave-active below version 2.1.8 */
	
	{
		height: 0;
	}
	.popup-bottom-enter-active,
	.popup-bottom-leave-active {
		transition: all .3s;
	}
	.popup-bottom-enter,
	.popup-bottom-leave-to {
		transform: translateY(100%);
	}
	.slide-fade-enter-active {
		transition: all 1s ease;
	}
	.slide-fade-leave-active {
		transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
	}
	
	.slide-fade-enter,
	.slide-fade-leave-to {
		transform: translateX(100%);
		opacity: 0;
	}
</style>